<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智能家居-home</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./images/font_d8m71v2nveh/iconfont.css">
</head>
<body>
    <!-- firstbar -->
   <div class="firstbar">
       <div>
           <img src="./images/logo1.png" alt="">
       </div>
       <!-- <span>请输入搜索关键词！</span> -->
       <div class="input-box">
           <input type="text" placeholder="请输入搜索关键词！">
       </div>
       <div>
           <img src="./images/serach.png" alt="">
       </div>
   </div>
   <!-- menu -->
   <div class="menu">
       <ul>
           <li>
                <a href="" title="网站首页">
                   网站首页
                </a>
            </li>
            
           <li class="dropdown">
               <a href="" title="关于我们">
                   关于我们<span>></span>
                </a>
                   <div class="dropdown-content">
                        <ul>
                            <li><a href="">公司简介</a></li>
                            <li><a href="">智能理念</a></li>
                        </ul>
                    </div>
            </li>
            
           <li class="dropdown">
               <a href="" title="产品中心">
                   产品中心<span>></span>
                </a>
                   <div class="dropdown-content1">
                        <ul>
                            <li><a href="">智能窗帘电机</a></li>
                            <li><a href="">空调伴侣/网关</a></li>
                            <li><a href="">智能家居套装</a></li>
                            <li><a href="">各种传感器</a></li>
                        </ul>
                    </div>
            </li>
            
           <li class="dropdown">
               <a href="" title="解决方案">
                   解决方案<span>></span>
                </a>
                <div class="dropdown-content1">
                    <ul>
                        <li><a href="">住宅</a></li>
                        <li><a href="">酒店</a></li>
                        <li><a href="">写字楼</a></li>
                        <li><a href="">养老健康</a></li>
                    </ul>
                </div>
            </li>
           
            <li class="dropdown">
                <a href="" title="新闻中心">
                   新闻中心<span>></span>
                </a>
                <div class="dropdown-content">
                    <ul>
                        <li><a href="">公司新闻</a></li>
                        <li><a href="">常见问题</a></li>
                    </ul>
                </div>
            </li>
           <li class="dropdown">
               <a href="" title="联系我们">
                   联系我们<span>></span>
                </a>
                <div class="dropdown-content">
                    <ul>
                        <li><a href="">加盟代理</a></li>
                        <li><a href="">在线订购</a></li>
                    </ul>
                </div>
            </li>
       </ul>
   </div>
    <!-- slideshow -->
    <div class="slideshow">
        <a href=""><span class="iconfont icon-jiantou1"></span></a>
        <a href=""><span class="iconfont icon-jiantou"></span></a>
        <div class="arrow-shadow">
            
        </div>
        <div class="circle"> 

        </div>
        <div class="container">
            <img src="./images/slideshow1.jpg" alt="">
            <img src="./images/banner_2.jpg" alt="">
        </div>
    </div>
  <!-- advantage -->
  <div class="advantage">
      <h1>智能四大优势</h1>
      <h2>智能家居行业实力品牌</h2>
      <div class="advantage-pic">
          <a href="">
              <img src="./images/advantage1.jpg" alt="">
              <h1>品牌优势</h1>
          </a>
          <a href="">
                <img src="./images/advantage2.jpg" alt="">
                <h1>产品优势</h1>
          </a>
          <a href="">
                <img src="./images/advantage3.jpg" alt="">
                <h1>系统优势</h1>
          </a>
          <a href="">
                <img src="./images/advantage4.jpg" alt="">
                <h1>技术优势</h1>
          </a>
      </div>
  </div>
  <div class="product-introduce">
      <h2>产品展示</h2>
      <ul>
          <li><a href="">全部</a></li>
          <li><a href="">智能窗帘电机</a></li>
          <li><a href="">空调伴侣/网关</a></li>
          <li><a href="">智能家居套装</a></li>
          <li><a href="">各种传感器</a></li>
      </ul>
      <div class="product-pic">
            <div class="product">
                <div class="product-top">
                    <img src="./images/product-pic.jpg" alt="">
                    <div class="learn-more">
                        <a href="">进一步了解</a>
                    </div>
                </div>
                <div class="product-bottom">
                    <h3><a href="">智能窗帘电机</a></h3>
                    <p>智能电动窗帘电机 智能语音操控开...</p>
                </div>
            </div>
            <div class="product">
                <div class="product-top">
                    <img src="./images/product-pic.jpg" alt="">
                    <div class="learn-more">
                        <a href="">进一步了解</a>
                    </div>
                </div>
                <div class="product-bottom">
                    <h3><a href="">空调伴侣网关插座</a></h3>
                    <p>空调伴侣多功能网关插座 天猫精灵...</p>
                </div>
            </div>
            <div class="product">
                <div class="product-top">
                    <img src="./images/product-pic.jpg" alt="">
                    <div class="learn-more">
                        <a href="">进一步了解</a>
                    </div>
                </div>
                <div class="product-bottom">
                    <h3><a href="">苹果homekit网关</a></h3>
                    <p>苹果Homekit多功能智能家居控制...</p>
                </div>
            </div>
        </div>
        <div class="button">
            <a href=""><span class="iconfont icon-jiantou1"></span></a>
            <a href=""><span class="iconfont icon-jiantou"></span></a>
        </div>
  </div>
  <!-- 回到顶部 -->
  <div class="return">
      <a href="#"><img src="./images/return.png" alt=""></a>
  </div>
  
  <!-- About Us -->
  <div class="about-us">
      <h1>关于我们</h1>
      <h3>ABOUT US</h3>
      <div class="article">
          <div class="article-writing">
              <h2>10年深耕全宅无线智能家居，10000+住宅别墅区智慧酒店落地项目</h2>
              <p>公司是一家专注于为每个家庭系统化实施智能家居的企业。 专注于无线智能硬件、终端智能锁、智能服务器、智能应用软件、云服务管理平台的研发， 对家庭生活和客户需求的深刻理解，其智能硬件及解决方案在行业内瞩目。 十大功能板块，近百种智能单品，覆盖全系解决方案所需产品。 国内较全应用方案含智能照明，智能门窗，智慧安防，家庭安全， 环境监测与智能调节等等10大系统，22个子系统，打造全宅智能平台级供应商！</p>
              <a href="">MORE<span>></span></a>
          </div>
          <div class="article-pic">
              <img src="./images/article-pic.jpg" alt="">
          </div>
      </div>
  </div>
  <!-- 热点新闻 -->
  <div class="hot-news">
      <h1>热点新闻</h1>
      <div>
          <a href=""> < </a>
          <a href=""> > </a>
      </div>
      <div class="news-container">
          <a href="" title="多联互控开关装修技巧">
                <div class="news">
                    <img src="./images/news1.jpg" alt="">
                    <p>新房装修少不了要安装开关插座，那么开关插座有什么要注意的禁忌吗？下面为你介绍两种**常见开关插座的...</p>
                    <p>发布时间 丨 <span>2018-12-28</span><img src="./images/eye.png" alt="">323</p>
                    <p>多联互控开关装修技巧</p>
                </div>
          </a>
          <a href="" title="多联互控开关装修技巧">
                <div class="news">
                    <img src="./images/news2.jpg" alt="">
                    <p>新房装修少不了要安装开关插座，那么开关插座有什么要注意的禁忌吗？下面为你介绍两种**常见开关插座的...</p>
                    <p>发布时间 丨 <span>2018-12-28</span><img src="./images/eye.png" alt="">146</p>
                    <p>安装智能开关要领</p>
                </div>
            </a>
            <a href="" title="多联互控开关装修技巧">
                <div class="news">
                    <img src="./images/news3.jpg" alt="">
                    <p>新房装修少不了要安装开关插座，那么开关插座有什么要注意的禁忌吗？下面为你介绍两种**常见开关插座的...</p>
                    <p>发布时间 丨 <span>2018-12-28</span><img src="./images/eye.png" alt="">101</p>
                    <p>小零件有大学问 开关插座选购技巧</p>
                </div>
          </a>
          <a href="" title="多联互控开关装修技巧">
                <div class="news">
                    <img src="./images/news4.jpg" alt="">
                    <p>新房装修少不了要安装开关插座，那么开关插座有什么要注意的禁忌吗？下面为你介绍两种**常见开关插座的...</p>
                    <p>发布时间 丨 <span>2018-12-28</span><img src="./images/eye.png" alt="">94</p>
                    <p>智能家居产品定位问题</p>
                </div>
            </a>
      </div>
  </div>
  <!-- 底部导航 -->
  <div class="bottom-nav">
    <ul>
        <li><a href="">关于我们</a></li>
        <li><a href="">产品中心</a></li>
        <li><a href="">解决方案</a></li>
        <li><a href="">新闻中心</a></li>
        <li><a href="">联系我们</a></li>
    </ul>
    <div class="nav-pic">
        <a href=""><img src="./images/verticle-line.png" alt=""></a>
        <a href=""><img src="./images/weixin.png" alt=""></a>
        <a href=""><img src="./images/weibo.png" alt=""></a>
        <a href=""><img src="./images/QQ.png" alt=""></a>
        <a href=""><img src="./images/phone.png" alt=""></a>
    </div>
    <span>000-0000-000</span>
</div>
<!-- 页面脚部 -->
<footer>
    <p>我的网站 版权所有 2008-2018 湘ICP备8888888</p>
    <p>本站涵盖的内容、图片、视频等模板演示数据，部分未能与原作者取得联系。若涉及版权问题，请及时通知我们并提供相关证明材料，我们将支付合理报酬或立即予以删除！</p>
    <p>版权声明：本站涵盖的版面设计，html、css、js代码等为权利所有人所有，盗版、翻版必究其法律责任。</p>
    <p>本站基于 <a href=""> 米拓企业建站系统 7.5.0 </a>搭建</p>
</footer>
</body>
</html>